{include file="public/header"}

<body>

  <section id="container" class="">
    <!--header start-->
    {include file="public/headtop"}
    <!--header end-->
    <!--sidebar start-->
    <aside>
      <div id="sidebar"  class="nav-collapse ">
        <!-- sidebar menu start-->
        {include file="public/menu" /}
        <!-- sidebar menu end-->
      </div>
    </aside>
    <!--sidebar end-->
    <!--main content start-->
    <section id="main-content">
      <section class="wrapper site-min-height">
        <!-- page start-->
        <div class="row">
          <div class="col-md-3">
            <section class="panel">
              <header class="panel-heading">
                地区列表
              </header>
              <div class="panel-body">
                <ul class="nav prod-cat">
                  <li><a href="?"><i class=" fa fa-angle-right"></i> 所有</a>
                    <ul class="nav">
                      {volist name="localList" id="hostLocal" empty="暂时没有数据"}
                      <li><a href="?local={$hostLocal}">- </i> {$hostLocal}</a></li>
                      {/volist}
                    </ul>
                  </li>
                  
                </ul>
              </div>
            </section>
            <section class="panel">
              <header class="panel-heading">
                性能标签
              </header>
              <div class="panel-body sliders">
                <div id="slider-range" class="slider"></div>
                <div class="slider-info">
                  {volist name="hostTag" id="tag" empty="当前没有标签"}
                  <a class="btn  btn-sm" href="?tag={$tag}">{$tag}</a>
                  {/volist}
                </div>
              </div>
            </section>

            <section class="panel">
              <header class="panel-heading">
                特别推荐
              </header>
              <div class="panel-body">
                <div class="best-seller">
                  {volist name="hotHost" id="hot"}
                  <article class="media">
                    <a href="./buy/{$hot.id}.html">{$hot.local} {$hot.tag}</a>
                  </article>
                  {/volist}
                </div>
              </div>
            </section>
          </div>
          <div class="col-md-9">

            <div class="row product-list">
              {volist name="hostList" id="host" empty="暂时没有数据"}
              <div class="col-md-4">
                <section class="panel">
                  <div class="pro-img-box">
                    <img src="__STATIC__/img/timg.jpg" alt=""/>
                    <a href="./buy/{$host.id}.html" class="adtocart">
                      <i class="fa fa-shopping-cart"></i>
                    </a>
                  </div>

                  <div class="panel-body text-center">
                    <h4>
                      <a href="./buy/{$host.id}.html" class="pro-title">
                        {$host.name}
                        <hr>
                        {$host.tag}
                      </a>
                    </h4>
                    <p class="price">￥ {$host.money}/月</p>
                  </div>
                </section>
              </div>
              {/volist}
            </div>
          </div>
        </div>
        <!-- page end-->
      </section>
    </section>
    <!--main content end-->

    <!-- Right Slidebar start -->
    {include file="public/slidright"}
    <!-- Right Slidebar end -->

    <!--footer start-->
    <footer class="site-footer">
      {include file="public/footer"}
    </footer>
    <!--footer end-->


  </section>

  <!-- js placed at the end of the document so the pages load faster -->
  <script src="__STATIC__/js/jquery.js"></script>
  <script src="__STATIC__/js/bootstrap.min.js"></script>
  <script class="include" type="text/javascript" src="__STATIC__/js/jquery.dcjqaccordion.2.7.js"></script>
  <script src="__STATIC__/js/jquery.scrollTo.min.js"></script>
  <script src="__STATIC__/js/jquery.nicescroll.js" type="text/javascript"></script>
  <script src="__STATIC__/assets/jquery-ui/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>
  <script src="__STATIC__/js/jquery.ui.touch-punch.min.js"></script>
  <script src="__STATIC__/js/jquery.customSelect.min.js" ></script>

  <script src="__STATIC__/js/respond.min.js" ></script>

  <!--right slidebar-->
  <script src="__STATIC__/js/slidebars.min.js"></script>


  <!--common script for all pages-->
  <script src="__STATIC__/js/common-scripts.js"></script>

  <script type="text/javascript">

    $(document).ready(function() {

      $(function(){
        $('select').customSelect();
      });
    });


  </script>

</body>
</html>
